<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>404页</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <link rel="stylesheet" href="/lib/bootstrap-3.3.7/css/bootstrap.min.css">
    <link href="/codeSeven-toastr/build/toastr.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/css/index/style.css">
    <link rel="stylesheet" href="/css/footer/footer.css">


    <script src="/lib/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="/codeSeven-toastr/build/toastr.min.js"></script>
    <script src="/lib/bootstrap-3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
    <style type="text/css">
        body {
            background: url(/images/index/2019-02-02-8.jpg)  no-repeat;
            background-position: center 0;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
            -webkit-background-size: cover;
            font-size: 16px;
        }

        .panel_transparent_white_low {
            background: rgba(255, 255, 255, 0.8);
        }

        .panel_transparent_white_high {
            background: rgba(255, 255, 255, 0.4);
        }

        .panel_transparent_black_high {
            background: rgba(0, 0, 0, 0.2);
        }

    </style>
</head>
<body>

    <div class="container">
        <div class="panel_transparent_white_high panel panel-default">
            <div class="panel-body">
                <div class="row" style="min-height: 400px;">
                    <p style="font-family: 华文新魏;font-size: 24px;">&emsp;您访问的页面走失了：error about 404</p>
                    <hr>
                    <p style="font-family: 华文新魏;font-size: 18px;">
                        &emsp;花开了，<br>
                        &emsp;我便画花。<br>
                        &emsp;花谢了，<br>
                        &emsp;我便画我自己。<br>
                        &emsp;你来了，<br>
                        &emsp;我当然画你。<br>
                        &emsp;你走了，<br>
                        &emsp;我便画一画回忆。<br>
                    </p>
                </div>
                <div class="row" style="font-family: 华文新魏;">
                    &emsp;<a href="/index.html" id="backIndex" type="button" class="btn btn-default btn-lg">返回首页</a>

                </div>
                <script type="text/javascript">
                    var backIndex = $("#backIndex");

                    backIndex.hover(function() {

                        backIndex.addClass("btn-primary");
                        backIndex.removeClass("btn-default");

                    }, function out() {

                        backIndex.addClass("btn-default");
                        backIndex.removeClass("btn-primary");
                    });

                </script>


            </div>
        </div>
    </div>

    <!--采用container-fluid，使得整个页尾的宽度为100%，并设置它的背景色-->
    <footer class="container-fluid foot-wrap">
        <!--采用container，使得页尾内容居中 -->
        <div class="container">
            <div class="row" id="footer">
                <div class="row-content col-md-3 col-xs-6">
                    <!--友情链接-->
                    <h3 class="footer_header">FRIENDSHIP</h3>
                    <ul>
                        <li><a href="http://www.lstc.edu.cn/">乐山师范学院</a></li>
                        <li><a href="http://blog.mzywucai.club">五彩的博客</a></li>
                        <li><a href="https://blog.csdn.net/qq_36791569">五彩的CSDN</a></li>
                        <li><a href="https://gitee.com/mzy1998">五彩的码云</a></li>
                    </ul>
                </div>
                <div class="row-content col-md-3 col-xs-6">
                    <!--浏览-->
                    <h3 class="footer_header">SITE</h3>
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Mine</a></li>
                        <li><a href="#">About</a></li>
                    </ul>
                </div>
                <div class="clearfix" id="footer-control"></div>
                <div class="row-content col-md-3 col-xs-6">
                    <h3 class="footer_header">ABOUT</h3>
                    <ul>
                        <li><a href="#">
                            People are inevitably born with self-pity. Only by staying awake at all times can we see where the value of truth lies.
                            <br>
                            Life is too long to do nothing, but too short to do something. These years, I have been reminding myself that one thing, do not move myself. Most people seem to work hard, but it's just a uploadResult of stupidity.
                        </a></li>
                    </ul>
                </div>
                <div class="row-content col-md-3 col-xs-6">
                    <h3 class="footer_header">CONCAT</h3>
                    <ul>
                        <li><a href="mailto:mzywucai@foxmail.com"><span class="glyphicon glyphicon-envelope"></span>&ensp;<span>mzywucai@foxmail.com</span></a></li>
                    </ul>
                </div>
            </div><!--/.row -->
        </div><!--/.container-->

        <p align="center" style="margin-top: 20px;color:#878B91;font-family: 华文新魏;">
            Copyright &copy;2019 TC-404 | PowerBy blog.mzywucai.club
        </p>

    </footer>
</body>
</html>